﻿$(function () {
    var form = $("#social-service-form").show();
    var srcDataImagBase64Global = "";//<--Variable para guardar globalmeente la imagen convertida en base64 para la hoja de registro
    form.steps({
        headerTag: "h3",
        bodyTag: "section",
        transitionEffect: "slideLeft",
        labels: stepsLabels,
        startIndex: currentPage,
        onStepChanging: function (event, currentIndex, newIndex) {
            $('#CurrentPage').val(currentIndex);
            if (currentIndex > newIndex) {
                return true;
            }
            // Needed in some cases if the user went back (clean up)
            if (currentIndex < newIndex) {
                // To remove error styles
                form.find(".body:eq(" + newIndex + ") label.error").remove();
                form.find(".body:eq(" + newIndex + ") .error").removeClass("error");
            }
            form.validate().settings.ignore = ":disabled,:hidden";
            if (form.valid()) {
                $.post(urlUpdateProgress, form.serialize(), function (data) {
                    if (data !== "Success") {
                        form.steps("previous");
                    }
                });
            }
            return form.valid();
        },
        onFinishing: function (event, currentIndex) {
            form.validate().settings.ignore = ":disabled";
            return form.valid();
        },
        onFinished: function (event, currentIndex) {
            form.submit();
        }
    }).validate({
        errorPlacement: function errorPlacement(error, element) { element.before(error); }
    });

    $('#BirthDate').datetimepicker({
        useCurrent: false,

        format: 'DD/MM/YYYY',
        widgetPositioning: {
            horizontal: 'auto'
        },
        locale: 'es',
        viewMode: 'years'
    });
 
    $('#InitialDate').datetimepicker({
        useCurrent: false,
        format: 'DD/MM/YYYY',
        widgetPositioning: {
            horizontal: 'auto'
        },
        locale: 'es',
    });
    $('#EndDate').datetimepicker({
        useCurrent: false,
        format: 'DD/MM/YYYY',
        widgetPositioning: {
            horizontal: 'auto'
        },
        locale: 'es',
    });
    //---------------------------------Modalidad de la estancia Alumno Grado---------------------------------------
    $('#radio-button-staymodalitygrade-alumno-doctorado').on('click', function (event) {      
        $('#StayModalityGrade').val("Doctorado");
        
    });
    $('#radio-button-staymodalitygrade-alumno-licenciatura').on('click', function (event) {
        $('#StayModalityGrade').val("Licenciatura");
        //alert($('#StayModalityGrade').val());
    });
    $('#radio-button-staymodalitygrade-alumno-maestria').on('click', function (event) {
        $('#StayModalityGrade').val("Maestría");
        //alert($('#StayModalityGrade').val());
    });
    //---------------------------------Fin Modalidad de la estancia alumno grado-----------------------------------
    //------------------------Alumno Modalidad de la estancia tipo------------------------------------------
    $('#radio-button-staymodalitytype-alumno-tesistas').on('click', function (event) {
        $('#StayModalityType').val("Tesistas");
        //alert($('#StayModalityType').val());
    });
    $('#radio-button-staymodalitytype-alumno-ss').on('click', function (event) {
        $('#StayModalityType').val("Servicio social");
        //alert($('#StayModalityType').val());
    });
    $('#radio-button-staymodalitytype-alumno-pp').on('click', function (event) {
        $('#StayModalityType').val("Practicas profesionales");
        //alert($('#StayModalityType').val());
    });
    $('#radio-button-staymodalitytype-alumno-movilidad').on('click', function (event) {
        $('#StayModalityType').val("Intercambio/Movilidad");
        //alert($('#StayModalityType').val());
    });
    //--------------------------------Fin alumno modadlidad estancia tipo-----------------------------------------
    //------------------------Profesor----------------------------------------------------------------------------
    $('#radio-button-staymodalitygrade-profesor-posdoctorado').on('click', function (event) {
        $('#StayModalityGrade').val("PosDoctorado");
        //alert($('#StayModalityGrade').val());
    });
    $('#radio-button-staymodalitygrade-profesor-visitantes').on('click', function (event) {
        $('#StayModalityGrade').val("Visitantes");
        //alert($('#StayModalityGrade').val());
    });
    $('#radio-button-staymodalitygrade-profesor-tap').on('click', function (event) {
        $('#StayModalityGrade').val("Tecnico academico por proyecto");
        //alert($('#StayModalityGrade').val());
    });
    //----------------------------------------fin valores modalidad profesor--------------------------------------------
    $('#radio-button-Alumno').on('click', function (event) {
        $('#StayModality').val("Alumno");
        //alert($('#StayModality').val());
        $('.radio-button-staymodalitygrade-alumno').css("visibility", "visible");
        $('.radio-button-staymodalitytype-alumno').css("visibility", "visible");
        $('.StayModalityTypeOtros').css("visibility", "hidden");
        $('.radio-button-staymodalitygrade-profesor').attr('checked', false);
        $('.radio-button-staymodalitygrade-profesor').css("visibility", "hidden");
        $('.radio-button-staymodalitytype').attr('checked', false);
        

    });
    $('#radio-button-Profesor').on('click', function (event) {
        $('#StayModality').val("Profesor");
        $('#StayModalityType').val("");
        //alert($('#StayModality').val());
        //alert($('#StayModalityType').val());
        //alert($('#StayModalityGrade').val());
        $('.radio-button-staymodalitygrade-profesor').css("visibility", "visible");
        $('.StayModalityTypeOtros').css("visibility", "visible");
        $('.StayModalityTypeOtros').visible = true;
        $('.StayModalityTypeOtros').css("visibility", "visible");
        $('.StayModalityTypeOtros').val('');
        $('.radio-button-staymodalitygrade-alumno').attr('checked', false);
        $('.radio-button-staymodalitygrade-alumno').css("visibility", "hidden");
        $('.radio-button-staymodalitytype-alumno').css("visibility", "hidden");
        $('.radio-button-staymodalitytype-alumno').attr('checked', false);

        
    });

 

    $('.documents-btn').bind('click', function () {
        $('#documentType').val($(this).data('type'));
        $('#attachmentsModal').modal();
    });
 
    //Accion para boton CartaDeAceptacion
    $('#CartaDeAceptacion').bind('click', function () {       
        $('#documentType').val($(this).data('type'));
        $('#tipoDeDocumento').val('CartaDeAceptacion')
        $('#attachmentsModal').modal();
    });
    //Accion para boton CartaDeAsignacion
    $('#CartaDeAsignacion').bind('click', function () {
        $('#documentType').val($(this).data('type'));
        $('#tipoDeDocumento').val('CartaDeAsignacion')
        $('#attachmentsModal').modal();
    });
    //Accion para boton SeguroMedico
    $('#SeguroMedico').bind('click', function () {
        $('#documentType').val($(this).data('type'));
        $('#tipoDeDocumento').val('SeguroMedico')
        $('#attachmentsModal').modal();
    });


    $('#inputFileToLoad').bind('change', function () {

        var filesSelected = document.getElementById("inputFileToLoad").files;
        if (filesSelected.length > 0) {
            var fileToLoad = filesSelected[0];
            var fileReader = new FileReader();
            fileReader.onload = function (fileLoadedEvent) {
                var srcData = fileLoadedEvent.target.result; // <--- data: base64
                var newImage = document.createElement('img');
                newImage.src = srcData;
                document.getElementById("imgTest").innerHTML = newImage.outerHTML;
                // $('#myModal').modal('show');
                console.log("Converted Base64 version is " + srcData);
                srcDataImagBase64Global = srcData;
            }

            fileReader.readAsDataURL(fileToLoad);
        }
    });

    $('#generar-carta').bind('click', function () {
        form.validate().settings.ignore = ":disabled,:hidden";
        moment.locale("es");//Setear en español el moment.js      
        if (form.valid()) {
            var docDefinition = {                
                content: [
                    {
                        text: 'San Luis Potosí, S.L.P , ' + moment().format('LL') + '.',
                        alignment: 'right',
                        margin: [0, 0, 0, 60],
                    },
                    {
                        text: $('#ResponsibleSocialService').val() + '\nResponsable de servicio social\n' + $('#School').val() + ' de la UASLP \n P r e s e n t e',
                        bold: true,
                        margin: [0, 0, 0, 20]
                    },
                    {
                        text: [
                            'Por medio de la presente, hago de su conocimiento que el alumno: ',
                            { text: $('#StudentName').val(), bold: true },
                            ' con clave ', { text: $('#StudentId').val(), bold: true }, ', quien es alumno de la carrera ',
                            { text: $('#Career').val(), bold: true },
                            ' de la ',
                            { text: $('#School').val() + ' de la UASLP, ', bold: true },
                            'ha sido ',
                            { text: 'aceptado ', bold: true },
                            'para que realice su servicio social en el Instituto de Metalurgia durante un periodo de 6 meses. ',
                            'Asistirá a estas instalaciones durante 4 horas por día, de lunes a viernes, iniciando el día ',
                            { text: moment($('#InitialDate').val(), 'DD/MM/YYYY', true).format('LL'), bold: true },
                            ' y concluyendo el día ',
                            { text: moment($('#EndDate').val(), 'DD/MM/YYYY', true).format('LL'), bold: true },
                            '. Su horario de trabajo será el siguiente:\n\n',
                            { text: $('#CheckInTime1').val(), bold: true }, '\n\n',
                            'Las actividades que se realizará serán las siguientes: \n\n',
                            { text: $('#ActivitiesToDo').val(), bold: true }, '\n\n\n',
                            'El asesor responsable es ', { text: $('#ResponsiblePerson').val(), bold: true }, '\n\n\n',
                            { text: 'Atentamente', alignment: 'center' }, '\n\n\n\n\n',
                            { text: 'Dra. Esperanza Elizabeth Martinez Flores', alignment: 'center', bold: true }, '\n',
                            { text: 'Secretaria Académica', alignment: 'center', bold: true }, '\n',
                            { text: 'Instituto de Metalurgia, UASLP', alignment: 'center', bold: true }, '\n',



                        ], alignment: 'justify'
                    }
                ],
                pageMargins: [108, 72, 72, 72],
                pageSize: 'LETTER',
            };
            //pdfMake.createPdf(docDefinition).open();
            pdfMake.createPdf(docDefinition).download('Carta_De_Aceptacion.pdf');
            form.steps("next");
        }
    });

    $('#generar-ficha-medica').bind('click', function () {
        form.validate().settings.ignore = ":disabled,:hidden";
        if (form.valid()) {

            var docDefinition =
            {
                content:
                    [

                         {

                             style: 'tableExample',
                             table: {
                                 widths: [200, 100, 100, 100],
                                 body: [

                                        [{ border: [false, false, false, false], text: 'HOJA DE REGISTRO PARA ESTANCIAS EN EL INSTITUTO DE METALURGIA \n\n', bold: true, colSpan: 4, alignment: 'center' }, {}, {}, {}],
                                        [{ text: '1.-DATOS PERSONALES', colSpan: 3, alignment: 'justify' }, {}, {},
                                            {


                                                image: srcDataImagBase64Global,
                                                width: 100,
                                                height: 100,
                                                rowSpan: 6,


                                            }],
                                        [{ text: ['Nombre : ', { text: $('#StudentName').val(), bold: true, alignment: 'justify' }, ], colSpan: 1 }, { text: [' Fecha de nacimiento :', { text: $('#BirthDate').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}, {}],
                                        [{ text: ['Dirección : ', { text: $('#Address').val(), bold: true, alignment: 'justify' }, ], colSpan: 3 }, {}, {}, {}],
                                        [{ text: ['Telefono : ', { text: $('#StudentPhoneNumber').val(), bold: true, alignment: 'justify' }, ], colSpan: 1 }, { text: [' Celular:', { text: $('#CellPhoneNumber').val(), bold: true, alignment: 'justify' }, ], colSpan: 1 }, { text: [' Clave:', { text: $('#StudentId').val(), bold: true, alignment: 'justify' }, ], colSpan: 1 }, {}],
                                        [{ text: ['Correo Electrónico : ', { text: $('#Email').val(), bold: true, alignment: 'justify' }, ], colSpan: 1 }, { text: ['Tipo de Sangre:  ', { text: $('#BloodType').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}, {}],
                                        [{ text: ['Tipo de Seguro : ', { text: $('#InsuranceType').val(), bold: true, alignment: 'justify' }, ] }, { text: [' No. de seguro:', { text: $('#InsuranceNumber').val(), bold: true, alignment: 'justify' }, ],colSpan:2 }, {}, {}],
                                        [{ text: '2.- CONTACTOS EN CASO DE EMERGENCIA \n\n', bold: true, colSpan: 4, alignment: 'justify' }, {}, {}, {}],
                                        [{ text: ['Nombre : ', { text: $('#PrimaryContactName').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}, { text: ['Parentesco :', { text: $('#PrimaryContactRelationship').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}],
                                        [{ text: ['Dirección : ', { text: $('#PrimaryContactAddress').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}, { text: ['Telefono:', { text: $('#PrimaryContactPhone').val(), bold: true, alignment: 'justify' }, ] }, { text: ['Celular:', { text: $('#PrimaryContactCellphone').val(), bold: true, alignment: 'justify' }, ] }],
                                        [{ text: ['Nombre : ', { text: $('#SecundaryContactName').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}, { text: ['Parentesco :', { text: $('#SecundaryContactRelationship').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}],
                                        [{ text: ['Dirección : ', { text: $('#SecundaryContactAddress').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}, { text: ['Telefono:', { text: $('#SecundaryContactPhone').val(), bold: true, alignment: 'justify' }, ] }, { text: ['Celular:', { text: $('#SecundaryContactCellphone').val(), bold: true, alignment: 'justify' }, ] }],
                                        [{ text: '3. MODALIDAD \n\n', bold: true, colSpan: 4, alignment: 'justify' }, {}, {}, {}],
                                        [{ text: [{ text: $('#StayModality').val(), bold: true, alignment: 'justify' }, ] }, { text: [{ text: $('#StayModalityGrade').val(), bold: true, alignment: 'justify' }, ] }, { text: [{ text: $('#StayModalityType').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}],
                                        [{ text: ['Profesor o Asesor responsable del personal eventual y/o estudiantes: ', { text: $('#ResponsibleSocialService').val(), bold: true, alignment: 'justify' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: '4. ESTADO DE SALUD \n\n', bold: true, colSpan: 4, alignment: 'justify' }, {}, {}, {}],
                                        [{ text: ['Padece Ud. de  : '], bold: true, alignment: 'justify' }, { text: ['Observaciones : '], colSpan: 3, bold: true, alignment: 'justify' }, {}, {}],
                                        [{ text: ['Asma : ', { text: $('#Asthma').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Diabetes : ', { text: $('#Diabetes').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Dolor de cabeza : ', { text: $('#Headache').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Epilepsia : ', { text: $('#Epilepsy').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Problemas digestivos : ', { text: $('#DigestiveProblems').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Afecciones cardiacas : ', { text: $('#CardiacAfections').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Afecciones a la vista : ', { text: $('#VisionAffections').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Afecciones de la piel : ', { text: $('#SkinAffections').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Problemas respiratorios : ', { text: $('#RespiratoryProblems').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Discapacidad : ', { text: $('#Disability').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Alergias : ', { text: $('#Allergies').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Hipertensión : ', { text: $('#Hypertension').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Especialidades : ', { text: $('#Specials').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        //'\n',
                                        [{ text: ['Fecha de la última vacuna recibida contra el tétanos : ', { text: $('#LastTetanusVaccine').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Si Ud. toma algún medicamento de manera permanente,dé el nombre y su dosís : ', { text: $('#SpecialMedicationText').val(), bold: true, alignment: 'center' }, ], colSpan: 4 }, {}, {}, {}],



                                 ]
                             }, layout:
                                 {
                                     defaultBorder: false
                                 }, fontSize: 8,

                         },
                         '\n',
                        '\n\n',
                        '\t\t\t\t __________________________________                                 __________________________________\n',
                        '\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t Firma                                                                                           Firma\n',
                        '\n\n',
                        { text: ['Nota: Es responsabilidad del firmante la veracidad de esta ficha, así como su actualización oportuna  '], bold: true, alignment: 'center', fontSize: 8 },
                        '.\n',
                        {
                            text: ['El uso de esta información es de carácter estrictamente confidencial y su resguardo quedará a cargo del Comité Interno de Seguridad.'], bold: true, alignment: 'center', fontSize: 8,
                        },





                    ],
                geMargins: [108, 72, 72, 72],
                pageSize: 'LETTER',
            };
            //pdfMake.createPdf(docDefinition).open();
            pdfMake.createPdf(docDefinition).download('Ficha_Medica.pdf');
            form.steps("next");
        }
    });
    $('#generar-hoja-de-registro').bind('click', function () {
        form.validate().settings.ignore = ":disabled,:hidden";
        if (form.valid()) {

            var docDefinition =
            {
                content:
                    [

                         {

                             style: 'tableExample',
                             table: {
                                 widths: [200, 100, 100, 100],
                                 body: [

                                        [{ border: [false, false, false, false], text: 'HOJA DE REGISTRO PARA ESTANCIAS EN EL INSTITUTO DE METALURGIA \n\n', bold: true, colSpan: 4, alignment: 'center' }, {}, {}, {}],
                                        [{ text: '1.-DATOS PERSONALES', colSpan: 3, alignment: 'justify' }, {}, {},
                                            {


                                                image: srcDataImagBase64Global,
                                                width: 100,
                                                height: 100,
                                                rowSpan: 6,


                                            }],
                                        [{ text: ['Nombre : ', { text: $('#StudentName').val(), bold: true, alignment: 'justify' }, ] }, { text: [' Fecha de nacimiento :', { text: $('#BirthDate').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}, {text:['']}],
                                        [{ text: ['Dirección : ', { text: $('#Address').val(), bold: true, alignment: 'justify' }, ], colSpan: 3 }, {}, {}, { text: [''] }],
                                        [{ text: ['Telefono : ', { text: $('#StudentPhoneNumber').val(), bold: true, alignment: 'justify' }, ] }, { text: [' Celular:', { text: $('#CellPhoneNumber').val(), bold: true, alignment: 'justify' }, ], }, { text: [' Clave:', { text: $('#StudentId').val(), bold: true, alignment: 'justify' }, ], }, { text: [''] }],
                                        [{ text: ['Correo Electrónico : ', { text: $('#Email').val(), bold: true, alignment: 'justify' }, ], colSpan: 3 }, {}, {}, { text: [''] }],
                                        [{ text: ['Tipo de Seguro : ', { text: $('#InsuranceType').val(), bold: true, alignment: 'justify' }, ] }, { text: [' No. de seguro:', { text: $('#InsuranceNumber').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}, { text: [''] }],
                                        [{ text: '2.- MODALIDAD DE LA ESTANCIA EN EL INSTITUTO \n\n', bold: true, colSpan: 4, alignment: 'justify' }, {}, {}, {}],
                                        [{ text: [{ text: $('#StayModality').val(), bold: true, alignment: 'justify' }, ] }, { text: [{ text: $('#StayModalityGrade').val(), bold: true, alignment: 'justify' }, ] }, { text: [{ text: $('#StayModalityType').val(), bold: true, alignment: 'justify' }, ], colSpan: 2 }, {}],
                                        [{ text: ['Investigador o Personal responsable del personal eventual y/o estudiantes: ', { text: $('#ResponsibleSocialService').val(), bold: true, alignment: 'justify' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: '3. DATOS ACADEMICOS \n\n', bold: true, colSpan: 4, alignment: 'justify' }, {}, {}, {}],
                                        [{ text: ['Escuela y Dependencia : ', { text: $('#School').val(), bold: true, alignment: 'justify' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Carrera,Especialidad o programa de posgrado al que pertenece: ', { text: $('#Career').val(), bold: true, alignment: 'justify' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Semestre cursando : ', { text: $('#Semester').val(), bold: true, alignment: 'justify' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Nombre de la Tesis : ', { text: $('#Project').val(), bold: true, alignment: 'justify' }, ], colSpan: 4 }, {}, {}, {}],
                                        [{ text: ['Proyecto en el cuál se enmarca la estancia : ', { text: $('#Project').val(), bold: true, alignment: 'justify' }, ], colSpan: 4 }, {}, {}, {}],


                                 ]
                             }, layout:
                                 {
                                     defaultBorder: false
                                 }, fontSize: 10,

                         },
                         '\n',
                         {

                             style: 'tableExample',
                             table: {
                                 widths: [263, 254],
                                 body: [

                                        [{ text: 'Laboratorios en los que realizará actividades :', bold: true, alignment: 'center' }, { text: 'Vo. Bo. De los responsables del laboratorio :', bold: true, alignment: 'center' }],
                                        [{ text: $('#ActivitiesLaboratories').val(), alignment: 'justify' }, { text: '    ' }],


                                 ] 
                             }, layout:
                                 {
                                     defaultBorder: false
                                 }, fontSize: 10,
                         },
                         '\n',
                          [{ text: ['Vigencia : ', { text: $('#InitialDate').val(), bold: true, alignment: 'left' }, ' a ', { text: $('#EndDate').val(), bold: true, alignment: 'right' }, ' \t  \t  \t  \t  \t  \t  \t  \t  \t  \t     Horario de actividades : ', { text: $('#CheckInTime1').val(), bold: true, alignment: 'right' }] }],
                          '\n\n\n',
                          '   __________________________________________   \t\t\t\t         __________________________________________',
                          'Firma del Investigador/Personal Responsable \t\t          Firma del prestador de SS/prácticas \n\t\t\t ' +
                          '\t\t\t\t                                                                                                  profesionales/movilidad/estancia \n\n\n\n',
                          '\t\t\t\t\t                                                  _____________________________________\n',
                          '\t\t\t\t\t                                                               Vo. Bo De la Direccion\n',
                          '\t\t\t\t\t                                                          Dra. Ma. Isabel Lázaro Báez',
                          '\n',
                           {

                               style: 'tableExample',
                               table: {

                                   headerRows: 1,
                                   body: [

                                          [{ text: 'Para estudiantes de Servicio Social y Prácticas Profesionales:', bold: true, alignment: 'center', style: 'tableHeader' }, { text: 'Para estudiantes y Visitantes externos:', bold: true, alignment: 'center', style: 'tableHeader' }],
                                          [{ text: 'Carta de presentación por parte de su Institución', bold: true, alignment: 'left' }, { text: 'Oficio de su Institución dirigido a la Dirección del Instituto que acredite los motivos', bold: true, alignment: 'left' }],
                                          [{ text: 'Copia de su carnet de seguro médico vigente', bold: true, alignment: 'left' }, { text: 'Los alumnos de posgrados externos al Instituto, deben presentar carta del', bold: true, alignment: 'left' }],
                                          [{ text: 'Hoja de registro', bold: true, alignment: 'left' }, { text: 'Constancia de que cuenta con seguro médico vigente', bold: true, alignment: 'left' }],
                                          [{ text: 'Ficha médica llenada y firmada para el Comité Interno', bold: true, alignment: 'left' }, { text: 'Hoja de registro', bold: true, alignment: 'left' }],
                                          [{ text: '', bold: true, alignment: 'left' }, { text: 'Ficha médica llenada y firmada para el Comité Interno de Seguridad', bold: true, alignment: 'left' }],




                                   ]
                               },
                               layout: 'headerLineOnly', fontSize: 8
                           },




                    ],
                geMargins: [108, 72, 72, 72],
                pageSize: 'LETTER',
            };
            //pdfMake.createPdf(docDefinition).open();
            pdfMake.createPdf(docDefinition).download('Hoja_De_Registro.pdf');
            form.steps("next");
        }
    });

    $('#generar-carta-de-aceptacion').bind('click', function () {
        form.validate().settings.ignore = ":disabled,:hidden";
        moment.locale("es");//Setear en español el moment.js      
        if (form.valid()) {
            //Horario Primera Parte
            
            var docDefinition = {
             
                content: [
                    {
                        text: 'San Luis Potosí, S.L.P , ' + moment().format('LL') + '.',
                        alignment: 'right',
                        margin: [0, 0, 0, 60],
                    },
                    {
                        text: $('#ResponsibleSocialService').val() + '\nResponsable de servicio social\n' + $('#School').val() + ' de la UASLP \n P r e s e n t e',
                        bold: true,
                        margin: [0, 0, 0, 20]
                    },
                    {
                        text: [
                            'Por medio de la presente, hago de su conocimiento que el alumno: ',
                            { text: $('#StudentName').val(), bold: true },
                            ' con clave ', { text: $('#StudentId').val(), bold: true }, ', quien es alumno de la carrera ',
                            { text: $('#Career').val(), bold: true },
                            ' de la ',
                            { text: $('#School').val() + ' de la UASLP, ', bold: true },
                            'ha sido ',
                            { text: 'aceptado ', bold: true },
                            'para que realice su servicio social en el Instituto de Metalurgia durante un periodo de 6 meses. ',
                            'Asistirá a estas instalaciones durante 4 horas por día, de lunes a viernes, iniciando el día ',
                            { text: moment($('#InitialDate').val(), 'DD/MM/YYYY', true).format('LL'), bold: true },
                            ' y concluyendo el día ',
                            { text: moment($('#EndDate').val(), 'DD/MM/YYYY', true).format('LL'), bold: true },
                            '. Su horario de trabajo será el siguiente:\n\n',
                            { text: $('#CheckInTime1').val(), bold: true }, '\n\n',
                            'Las actividades que se realizará serán las siguientes: \n\n',
                            { text: $('#ActivitiesToDo').val(), bold: true }, '\n\n\n',
                            'El asesor responsable es ', { text: $('#ResponsiblePerson').val(), bold: true }, '\n\n\n',
                            { text: 'Atentamente', alignment: 'center' }, '\n\n\n\n\n',
                            { text: 'Dra. Esperanza Elizabeth Martinez Flores', alignment: 'center', bold: true }, '\n',
                            { text: 'Secretaria Académica', alignment: 'center', bold: true }, '\n',
                            { text: 'Instituto de Metalurgia, UASLP', alignment: 'center', bold: true }, '\n',



                        ], alignment: 'justify'
                    }
                ],
                pageMargins: [108, 72, 72, 72],
                pageSize: 'LETTER',
            };
            
          
            pdfMake.createPdf(docDefinition).open();
           
            form.steps("next");
        }
    });

   
});